﻿<!doctype html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang=""> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>猎聘系统</title>
    <meta name="description" content="Ela Admin - HTML5 Admin Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="apple-touch-icon" href="https://i.imgur.com/QRAUqs9.png">
    <link rel="shortcut icon" href="https://i.imgur.com/QRAUqs9.png">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.0/normalize.min.css">6
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lykmapipo/themify-icons@0.1.2/css/themify-icons.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.0/css/flag-icon.min.css">
    <link rel="stylesheet" href="/job/admin2/assets/css/lib/datatable/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="/job/admin2/assets/css/cs-skin-elastic.css">
    <link rel="stylesheet" href="/job/admin2/assets/css/style.css">

    <style>
        #weatherWidget .currentDesc {
            color: #ffffff !important;
        }

        .traffic-chart {
            min-height: 335px;
        }

        #flotPie1 {
            height: 150px;
        }

        #flotPie1 td {
            padding: 3px;
        }

        #flotPie1 table {
            top: 20px !important;
            right: -10px !important;
        }

        .chart-container {
            display: table;
            min-width: 270px;
            text-align: left;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #flotLine5 {
            height: 105px;
        }

        #flotBarChart {
            height: 150px;
        }

        #cellPaiChart {
            height: 160px;
        }

    </style>
</head>

<body>
<!-- Left Panel -->
<div id="leftdiv"></div>
<!-- /#left-panel -->

<!-- Right Panel -->
<div id="right-panel" class="right-panel">

    <!-- Header-->
    <header id="header" class="header">
    </header>
    <!-- /#header -->

    <!-- Content -->
    <div class="content">
        <!-- Animated -->
        <div class="animated fadeIn">
<!--            <div>-->
<!--                <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#positionAddModal">-->
<!--                    <i class="fa fa-plus"></i>&nbsp; 添加职位</button>-->
<!--            </div>-->
            <!-- Orders -->
            <div class="orders">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card">

                            <div class="card-header">
                                <strong>职位信息</strong>
                            </div>

                            <div class="card-body">
                                <div class="table-stats order-table ov-h">
                                    <table class="table ">

                                        <thead>
                                        <tr>
                                            <th class="serial">#</th>
                                            <th>名称</th>
                                            <th>工作城市</th>
                                            <th>新资范围</th>
                                            <th>学历要求</th>
                                            <th>详情</th>
                                            <th>申请</th>
                                        </tr>
                                        </thead>

                                        <tbody id="positionTbody"></tbody>

                                    </table>

                                </div> <!-- /.table-stats -->
                                <ul class="pagination" id="pagination"></ul>
                            </div><!-- /.card-stats -->
                        </div> <!-- /.card-body -->
                    </div>  <!-- /.col-xl-12 -->
                </div>  <!-- /.row -->
            </div><!-- /.orders -->
        </div><!-- .animated -->
    </div><!-- /.content -->
</div>
<!-- /. right-panel  -->







<div class="modal fade" tabindex="-1" aria-hidden="true" id="positionDetailModal" style="overflow-y:hidden" scroll="no">
    <div class="modal-dialog" style="overflow-y:hidden">
        <div class="modal-content">

            <div class="modal-header">
                <h4 class="modal-title">职位详情</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <form id="positionFrm2">
                    <div class="form-group">
                        <label>工作详细地址</label>
                        <textarea class="form-control" rows="2" name="address" id="address2"></textarea>
                    </div>
                    <div class="form-group">
                        <label>工作详细描述:</label>
                        <textarea class="form-control" rows="3" name="detail" id="detail2"></textarea>
                    </div>
                    <div class="form-group">
                        <label>工作经验要求</label>
                        <input type="text" class="form-control" name="workedyears2" id="workedyears2">
                    </div>
                    <div class="form-group">
                        <label>技能要求</label>
                        <input type="text" class="form-control" name="skillList2" id="skillList2">
                    </div>
                    <div class="form-group">
                        <label>招聘人数</label>
                        <input type="text" class="form-control" name="requiredNum2" id="requiredNum2">
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>

        </div>
    </div>
</div>


<div class="modal fade" id="resumeModal">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <h4 class="modal-title">选择技能</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <div class="table-stats order-table ov-h">
                    <table class="table ">

                        <thead>
                        <tr>
                            <th>选择</th>
                            <th>编号</th>
                            <th>名称</th>
                        </tr>
                        </thead>

                        <tbody id="resumeTbody"></tbody>

                    </table>

                </div> <!-- /.table-stats -->
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="resumeAddbtn">提交</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <!--                <a type="button" class="btn btn-primary" id="skillAddbtn2">提交</a>-->
            </div>

        </div>
    </div>
</div>

<!-- Footer -->

<!-- /.site-footer -->

</div>
<!-- /#right-panel -->

<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.4/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
<script src="/job/admin2/assets/js/main.js"></script>

<!--  Chart js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.3/dist/Chart.bundle.min.js"></script>

<!--Chartist Chart-->
<script src="https://cdn.jsdelivr.net/npm/chartist@0.11.0/dist/chartist.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartist-plugin-legend@0.6.2/chartist-plugin-legend.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/jquery.flot@0.8.3/jquery.flot.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flot-pie@1.0.0/src/jquery.flot.pie.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flot-spline@0.0.1/js/jquery.flot.spline.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/simpleweather@3.1.0/jquery.simpleWeather.min.js"></script>
<script src="/job/admin2/assets/js/init/weather-init.js"></script>

<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@3.9.0/dist/fullcalendar.min.js"></script>
<script src="/job/admin2/assets/js/init/fullcalendar-init.js"></script>

<script src="/job/js/commonUser.js"></script>
<script src="/job/js/possitionList.js"></script>

</body>
</html>